<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets" template="index.xhtml">
	<ui:define name="body">
		<script type="text/javascript">
			$(document).ready(function() {
				$(".submenu-active").removeClass('submenu-active');
				$("#nomenclature").addClass('submenu-active');
			});
		</script>
		<f:view>
			<p:confirmDialog id="confirmSaveNomenclatureId"
				message="La structure de la nomenclature  produits que vous avez choisie vous convient-elle ? Vous ne pourrez plus la modifier par la suite.                                                              
	                                        Si vous êtes sûr de votre choix, cliquer sur Enregistrer. Sinon, annulez."
				header="Enregistrer la structure de la nomenclature produits"
				severity="alert" position="center"
				widgetVar="confirmSaveNomenclatureWv" showEffect="fade" modal="true"
				hideEffect="fade" width="700" hight="500">
				<h:form>
					<div align="right">

						<p:commandButton id="decline" value="Annuler"
							oncomplete="confirmSaveNomenclatureWv.hide()" />
						<p:commandButton id="addlevels" value="Enregistrer"
							oncomplete="confirmSaveNomenclatureWv.hide()" action="#{levelNomencMB.addlevels}"
							>
							<f:param></f:param>
						</p:commandButton>
					</div>
				</h:form>
			</p:confirmDialog>

			<h:form>
				<h1>NOMENCLATURE</h1>

				<table class="nostyle">
					<tr>
						<td width="185"><h3>Structure de la nomenclature:</h3></td>
						<td>Sélectionner le nombre de niveaux correspondant à votre
							nomenclature produits.<br></br> Attention ! La structure de la
							nomenclature déterminera le niveau de granularité de vos
							tâches.<br></br> Suivant la taille de votre magasin, il n’est
							pas nécessaire de descendre à un niveau trop bas.<br></br> <br></br>
							Pour connaître les recommandations de Storeforce, cliquer sur le
							bouton <h:panelGrid columns="3" cellpadding="5" style="border:0">

								<h5>Nombre de niveaux :</h5>
								<h:selectOneMenu id="nomenclature"
									value="#{levelNomencMB.levelofNomenclature}">
									<f:selectItem itemLabel="2" itemValue="2" />
									<f:selectItem itemLabel="3" itemValue="3" />
									<f:selectItem itemLabel="4" itemValue="4" />
									<f:selectItem itemLabel="5" itemValue="5" />
									<p:ajax update="stringLevel" event="change"
										listener="#{levelNomencMB.modifyLevelText}" />
								</h:selectOneMenu>


								<h:outputText id="stringLevel"
									value="#{levelNomencMB.valuelevelofNomenclature}" />

							</h:panelGrid> <h:outputText value="" id="tese" /> <p:commandButton
								id="modifylevel" value="Modifier le nom des niveaux"
								style="font-size: 0.9em" ajax="false" /> <br></br> <br></br> <p:growl
								id="messages" /> <c:choose>
								<c:when test="${levelNomencMB.levelofNomenclature==null}">
									<p:commandButton id="saveLevelNoemnclatureId"
										value="Enregistrer"
										oncomplete="confirmSaveNomenclatureWv.show()" />
									<br></br>
								</c:when>
								<c:otherwise>
									<p:commandButton id="consulter"
										value="Consulter la liste des nomenclatures"
										action="nomenclatureStructure.xhtml?faces-redirect=true}"
										style="font-size: 0.9em" ajax="false" />
									<br></br>
								</c:otherwise>
							</c:choose> <h:form rendered="false">
								<h:inputText value="Section" />
								<br />
							</h:form> <h:form rendered="false">
								<h:inputText value="Rayons" />
								<br />
							</h:form> <h:form rendered="false">
								<h:inputText value="Famille" />
								<br />
							</h:form> <h:form rendered="false">
								<h:inputText value="Sous-Rayons" />
								<br />
							</h:form> <h:form rendered="false">
								<h:inputText value="Sous-Famille" />
								<br />
							</h:form> <br></br> Attention, une fois que vous avez fixé la structure
							de la nomenclature , vous ne pouvez la modifier sans perdre
							toutes vos données .
						</td>
					</tr>
				</table>
			</h:form>
		</f:view>
	</ui:define>
</ui:composition>